<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝网-淘！我喜欢</title>
	<link rel="stylesheet" href="home.css">
</head>
<body>
	<div class="wrapper">
		<!-- 头部 -->
		<div class="top-nav-wrap">
			<div class="top-nav">
				<ul class="top-nav-l">
					<li class="top-nav-menu china">
						<span class="china-span">中国大陆</span>
						<span class="bgPic xsjPic"></span>
					</li>
					<li class="top-nav-menu loginAndReg">
						<a href=""	class="login">亲，请登录</a>
						<a href="" class="reg">免费注册</a>
					</li>
					<li class="top-nav-menu phone">
						<a href="">手机逛淘宝</a>
					</li>
				</ul>
				<ul class="top-nav-r">
					<li class="top-nav-menu myTaobao">
						<a href="#">我的淘宝</a>
							<span class="bgPic xsjPic"></span>
					</li>
					<li class="top-nav-menu shopCar">
						<a href="#">
							<span class="bgPic shopCarPic"></span>
							<span>购物车</span>
							<span class="bgPic xsjPic"></span>
						</a>
					</li>
					<li class="top-nav-menu like">
						<a href="#">
							<span class="bgPic likePic"></span>
							<span>收藏夹</span>
						</a>
						<span class="bgPic xsjPic"></span>
					</li>
					<li class="top-nav-menu goods">
						<a href="#">
							<span>商品分类</span>
						</a>
					</li>
					<li class="top-nav-menu cutOff">
						<a href="#">
							<span>|</span>
						</a>
					</li>
					<li class="top-nav-menu">
						<a href="#">卖家中心</a>
						<span class="bgPic xsjPic"></span>
					</li>
					<li class="top-nav-menu">
						<a href="#">联系客服</a>
						<span class="bgPic xsjPic"></span>
					</li>
					<li class="top-nav-menu">
						<a href="#">
							<span class="bgPic webNavPic"></span>
							<span>网站导航</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 搜索开始 -->
		<div class="search-wrap">
			<div class="search-con">
				<!-- logo开始 -->
				<div class="logo-box">
					<img src="img/tblg.png" alt="">
				</div>
				<!-- 搜索开始 -->
				<div class="search-box">
					<div class="search-bd">
						<div class="search-tab">
							<ul>
								<li class="select">宝贝</li>
								<li>天猫</li>
								<li>店铺</li>
							</ul>
						</div>
						<div class="search-panel">
							<a href="#" class="sousuo"></a>
							<form action="">
								<div class="btn">
									<button>搜索</button>
								</div>
								<div class="search-inp-box">
									<div class="search-inp">
										<input type="text" placeholder="小米笔记本">
									</div>
								</div>
							</form>
							<a href="" class="camera"></a>
						</div>
					</div>
					<div class="search-ft">
						<ul>
							<li><a href="#">女装</a></li>
							<li><a href="#">春装</a></li>
							<li><a href="#">西安</a></li>
							<li class="select"><a href="#">男鞋</a></li>
							<li><a href="#">新车</a></li>
							<li><a href="#">短裤</a></li>
							<li><a href="#">裙子</a></li>
							<li><a href="#">耳机</a></li>
							<li><a href="#">连衣裙</a></li>
							<li><a href="#">外套</a></li>
							<li><a href="#">玩具</a></1i>
						</ul>
						<a href="#" class="more">更多></a>
					</div>
				</div>
				<!-- 二维码开始 -->
				<div class="code-box">
					<a href="#" class="p-tb">手机淘宝</a>
					<a href="" class="code"></a>
					<a href="" class="close">x</a>
				</div>
			</div>
		</div>
		<!-- 中间导航 -->
		<div class="screen-nav-wrap">
			<div class="screen-nav-con">
				<h2>主题市场</h2>
				<ul>
					<li><a href="#">天猫</a></li>
					<li><a href="#">聚划算</a></li>
					<li><a href="#">天猫超市</a></li>
				</ul>
				<ul>
					<li>|</li>
					<li><a href="#">淘抢购</a></li>
					<li><a href="#">电器城</a></li>
					<li><a href="#">私法拍卖</a></li>
					<li><a href="#">中国制造</a></li>
					<li><a href="#">兴农扶贫</a></li>
				</ul>
				<ul>
					<li>|</li>
					<li><a href="#">飞猪旅行</a></li>
					<li><a href="#">智能生活</a></li>
					<li><a href="#">苏宁易购</a></li>
				</ul>
			</div>
		</div>
		<!-- 主要 -->
		<div class="screen-box-wrap">
			<div class="main">
				<div class="main-inner">
					<!-- 菜单栏 -->
					<div class="inner-left">
						<ul>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">春装</a> / 
								<a href="#">春装</a>
								<span></span>
							</li>
							<li>
								<a href="#">女装</a> / 
								<a href="#">男装</a> / 
								<a href="#">男装</a>
								<span></span>
							</li>
						</ul>
					</div>
					<div class="inner-con">
						<!-- 轮播图开始 -->
						<div class="pic-box">
							<a href="#">
								<img src="img/lbt4.png" alt="">
							</a>
							<ul class="list">
									<li><a href="" class="select"></a></li>
									<li><a href="#"></a></li>
									<li><a href="#"></a></li>
									<li><a href="#"></a></li>
									<li><a href="#"></a></li>
									<li><a href="#"></a></li>
								</ul>
						</div>
						<div class="inner-mall">
							<div class="head">
								<div class="tm-pic"></div>
								<div class="tm">理想生活上天猫</div>
							</div>
							<a href="#">
								<img src="img/pic3.png" alt="">
							</a>
						</div>
					</div>
				</div>
				<!-- 上下两个图片 -->
				<div class="col-middle">
					<a href="#" class="middle-pic1">
						<img src="img/stp.png" alt="">
					</a>
					<div class="middle-pic2">
						<span>今日热卖</span>
						<a href="">
							<img src="img/xtp.png" alt="">
						</a>
					</div>
				</div>
				<!-- 下边长条 -->
				<div class="main-bottom">
					<div class="bottom-con">
						<div class="logo">
							<img src="img/tbtt.png" alt="">
						</div>
						<a href="" class="tbtt-con">
							<img src="img/pic5.png" alt="">
							<div class="tbtt-wb">
								<h4>你好呀</h4>
								<p>阿到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯到发斯蒂芬</p>
							</div>
							
						</a>
					</div>
				</div>
			</div>
			<div class="col-right">
				<div class="member">
					<div class="member-bd">
						<div class="tx">
							<a href="#">
								<img src="img/tx.png" alt="">
							</a>
						</div>
						<span class="hello">Hi,你好！</span>
						<p>
							<a href="#" class="icon">
								<span class="pic"></span>
								<span class="con">淘金币领钱</span>
							</a>
							<a href="#" class="club">
								<span class="pic"></span>
								<span class="con">会员俱乐部</span>
							</a>
						</p>
					</div>
					<div class="member-ft">
						<a href="#" class="login">登录</a>
						<a href="#">注册</a>
						<a href="#">开店</a>
					</div>
				</div>
				<!-- 举报信息喀什 -->
				<div class="message">
					<a href="#">网上举报有害信息
						<span></span>
					</a>
				</div>
				<div class="notice">
					<div class="title">
						<ui>
							<li class="select"><a href="" >公告</a></li>
							<li><a href="">规则</a></li>
							<li><a href="">论坛</a></li>
							<li><a href="">安全</a></li>
							<li><a href="">公益</a></li>
						</ui>
					</div>
					<div class="con">
						<ul>
							<li class="select"><a href="">小二分享大促干货</a></li>
							<li><a href="">陌生人拼团上线</a></li>
							<li><a href="">中差评功能升级</a></li>
							<li><a href="">运营神器年中大促</a></li>
						</ul>
					</div>
				</div>
				<div class="moudle">
					<ul>
						<li><a href="#"><span class="pic1"></span><p>充话费</p></a></li>
						<li><a href="#"><span class="pic2"></span><p>旅行</p></a></li>
						<li><a href="#"><span class="pic3"></span><p>车险</p></span></a></li>
						<li><a href="#"><span class="pic4"></span></span><p>游戏</p></a></li>
						<li><a href="#"><span class="pic5"></span><p>彩票</p></a></li>
						<li><a href="#"><span class="pic6"></span><p>电影</p></a></li>
						<li><a href="#"><span class="pic7"></span><p>酒店</p></a></li>
						<li><a href="#"><span class="pic8"></span><p>理财</p></a></li>
						<li><a href="#"><span class="pic9"></span><p>找服务</p></a></li>
						<li><a href="#"><span class="pic10"></span><p>水电煤</p></a></li>
						<li><a href="#"><span class="pic11"></span><p>演出</p></a></li>
						<li><a href="#"><span class="pic12"></span><p>火车票</p></a></li>
					</ul>
				</div>
				<div class="app">
					<h3>阿里APP
						<a href="#">更多></a>
					</h3>
					<ul>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
						<li><a href="#"><img src="img/app.png" alt=""></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>